<template>
  <div class="success-page">
    <h1>{{ patient_name }}恭喜你预约成功</h1>
    <div class="notice">
      <h3>注意事项：</h3>
      <ul>
        <li><strong style="color: red;">务必带上租借家长本人身份证</strong></li>
        <li>患儿需到场进行体格测量</li>
        <li>租借地点：锦江院区门诊一楼儿童治疗区内镜室</li>
        <li>归还设备时间：次日8:00-9:00，不能延期，超时将影响后续预约者，且报告无法当日出具！</li>
        <li>租借设备时间：13:00-17:00，超时未到者，无法租借，并需重新预约！</li>
        <li>报告出具时间：9点前归还，报告于当日10:00前出具</li>
        <li>如有特殊情况，请提前告知，联系电话：028-88570048，工作电话服务时间：8:00-12:00 13:00-17:00</li>
      </ul>
    </div>
    <van-button type="primary" @click="goBack">返回首页</van-button>
  </div>
</template>

<script>
export default {
  name: 'mother_success',
  data () {
    return {
      patient_name: '',
      noticeItems: [
        '检查地点：锦江院区第二住院部十楼',
        '检查时间：13:00-17:00',
        '患儿需到场进行体格测量',
        '租赁者需携带监护人身份证原件，住院检查者需自带薄被及枕头',
        '如有特殊情况，请提前告知'
      ]
    }
  },
  created () {
    if (this.$route.query.patient_name) {
      this.patient_name = this.$route.query.patient_name
    }
    console.log(this.patient_name)
  },
  methods: {
    goBack () {
      this.$router.push({
        name: 'mother_home'
      })
    }
  }
}
</script>

<style lang="scss" scoped>
.notice {
  margin-top: 20px;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 4px;

  h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  ul {
    list-style-type: disc;
    padding-left: 20px;

    li {
      font-size: 14px;
      margin-bottom: 5px;
    }
  }
}
</style>
